<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>
            Object.defineProperty
        </title>
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        
        <div id="root">
            
        </div>
        <script type="text/javascript">
            let number=19;
            let person={
                name: "张三",
                sex: "男",
                times:number // 直接赋值的话, 感知不到变量的变化.
            }
            // Object.defineProperty(person, "age", {  // 给对象添加属性, 而且直接在控制台不可修改
            //     value: 18,
            //     enumerable:true, // 控制属性是否可以枚举, 默认false.
            //     writable: true, // 控制属性是否可以修改, 默认false
            //     configurable: true, // 控制属性是否可以被删除, 默认false
            // })
            Object.defineProperty(person, "age", {  // 给对象添加属性, 而且直接在控制台不可修改, set方法同理.
                get:function(){
                    return number;  // 支持动态读取number值
                }
            })
        </script>
    </body>
</html>